<template>
  <div>
    <div>子组件:{{ num }}</div>
    <button @click="setNum">++++++</button>
  </div>
</template>

<script>
export default {
  props: ['num'],
  methods: {
    setNum() {
      // 子组件不能直接去修改父组件传过来的props数据，只能通过自定义事件来完成
      // 参数1：自定义事件名称
      // 参数2 ... N 可选项，一般只传一个，但是你也可以传多个
      // this.$emit('addnum', 10, 20, 30)
      this.$emit('addnum', 10)
    }
  }
}
</script>

<style lang="scss" scoped></style>
